<!--
 * @Author: 刘晟勇
 * @Date: 2021-10-12 21:55:15
 * @LastEditTime: 2021-10-20 10:58:35
 * @Description: 由于四大模块首页、分类、购物车、我的页面都需要用到tabbar，所以将tabbar组件封装到一个公共组件
-->
<template>
  <van-tabbar v-model="active" active-color="#F63515" inactive-color="#000" fixed route>
    <van-tabbar-item to='/home' icon="wap-home-o">首页</van-tabbar-item>
    <van-tabbar-item to='/category' icon="point-gift-o">分类</van-tabbar-item>
    <van-tabbar-item to='/shopcart' icon="shopping-cart-o">购物车</van-tabbar-item>
    <van-tabbar-item to='/user' icon="user-o">我的</van-tabbar-item>
</van-tabbar>
</template>

<script>
export default {
  name: 'TabBar',
  data() {
    return {
      active: 0
    }
  },
}
</script>

<style>

</style>
